//login
.mint-navbar{
    width:60%;
    position:relative;
    top:-49px;
    left:20%;
    background-color: transparent;
    color: #fff;
    .mint-tab-item{
        margin: 0 18px;
        padding: 16px 0;
        &.is-selected{
            border-bottom: 3px solid #fff;
            color: #fff;
            margin-bottom: -3px;
        }
        .mint-tab-item-label{
            font-size:14px;
        }
    }
}
.mint-tab-container{
    margin-top:-25px;
}


//header
.mint-header{
    background: transparent;
    padding: 0 15px;
    height:44px;
    .is-left{
        .mintui-back{
            font-size:20px;
            color:#333;
        }
    }
    .mint-header-title{
        font-size:18px;
        height: 44px;
        line-height: 44px;
    }
    .is-right{
        .iconfont{
            font-size:20px;
            color:#333;
        }
    }
    .iconfont{
        font-size:20px;
    }
}
.no-bg{
    &.mint-header{
        color: #333333;
        background: #fff;
        border-bottom: 1px solid #eeeeee;
    }
}
.no-bg-fff{
    .is-left{
        .mintui-back{
            color:#fff;
        }
    }
    .is-right{
        .iconfont{
            color:#fff;
        }
    }
}

// swipe 样式重置
.mint-swipe{
    .mint-swipe-items-wrap{
        .image{
            width 100%
            height auto
            display block
        }
    }
    .mint-swipe-indicators{
        bottom 10px;
        .mint-swipe-indicator{
            width: 9px;
            height: 3px;
            margin: 0 4px;
            background: #fff
            opacity: 1;
            &.is-active{
                background: #0055a4;
            }
        }
    }
}
    


// 底部tabs栏
.mint-tabbar{
    .mint-tab-item{
        padding:0;
        padding-top: 5px;
        color:#2F3032;
        &.active{
            color: rgb(0, 85, 164);
        }
        .mint-tab-item-icon{
            width:23px;
            height:23px;
            margin:0 auto;
        }
        .mint-tab-item-label{
            font-size:10px;
            margin-top:5px;
        }
    }  
}

//列表
.mint-cell{
    min-height 50px;
    &:last-child{
        background: transparent;
    }
    .mint-cell-wrapper{
        font-size: 14px;
        background: transparent;
        border-bottom: 1px solid rgba(227, 227, 227, 0.5);
        padding: 0;
        // margin: 0 15px;
        width: auto;
        color:#666666;
        .mint-cell-title{
            padding-left:0px;
            .icon{
                width: 44px;
                height: 44px;
                display: inline-block;
                vertical-align: middle;
            }
            .mint-cell-label{
                color:#B3B3B3;
                margin-top:10px;
            }
        }
        .mint-cell-value{
            &.is-link{
                margin-right:0;
            }
        }
        .mint-cell-allow-right{
            width:20px;
            height:20px;
            background:url(../assets/arrow-right.png) no-repeat 0 0;
            background-size:100% 100%;
            &::after{
                display:none;
            }
        }
    }
    .mint-cell-mask{
        &::after{
            background-color:transparent;
        }
    }
}
.no-all-border{      //类名加在mt-cell父级标签 list 上，去掉所有mt-cell的下边框
    .mint-cell{
        .mint-cell-wrapper{
            border-bottom: 1px solid transparent;
        }
    }
}
.no-border{           //类名加在mt-cell标签上，去掉当前mt-cell的下边框
    &.mint-cell{
        .mint-cell-wrapper{
            border-bottom: 1px solid transparent;
        }
    }
}
.no-link{             //没有向右箭头
    .mint-cell-wrapper{
        .mint-cell-value{
            margin-right:10px;
        }
    }
}
.about{
    .mint-cell{
        .mint-cell-wrapper{
            .mint-cell-title{
                color:#333333;
            }
            .mint-cell-value{
                color:#999999;
            }
        }
    }
}
.order{
    .mint-cell{
        min-height 75px;
    }
}


// 按钮
.mint-button{
    font-size:16px;
}
.mint-button--primary{
    background-color:#0055a4;
}
.mint-button.is-disabled{
    background:#c6ced9;
    opacity:1;
}


// 输入框
.mint-field{
    .mint-cell-wrapper{
        width:100%;
        // border-bottom:1px solid transparent;
        color: rgba(0,78,162,1);
    }
}
.bottom-border{
    .mint-field{
        .mint-cell-wrapper{
            border-bottom:1px solid rgba(227, 227, 227, 0.5);
        }
    }
}
.no-margin{
    .mint-field{
        min-height:40px;
        .mint-cell-wrapper{
            margin:0;
            padding:0;
            width:100%;
            border-bottom:1px solid rgba(227, 227, 227, 0.5);
        }
    }
}

// confirm
.mint-msgbox-wrapper{
    .mint-msgbox{
        width:70%;
        .mint-msgbox-btns{
            .mint-msgbox-cancel{
                width: 49%;
            }
            .mint-msgbox-confirm{
                color: #0763b3;
            }
        }
    }
}

// toast
.mint-toast{
    padding:15px;
    .mint-toast-icon{
        font-size:30px;
    }
    &.innputPhoneToast{
        width:60%;
    }
}

//message
.mint-msgbox{
    .mint-msgbox-content{
        .mint-msgbox-message{
            color:#333333;
        }
    }
    .mint-msgbox-btns{
        .mint-msgbox-btn{
            color: #0763b3;
        }
    }
}


// more_loading
.mint-spinner-snake{
    margin: 0 auto;
    border: 2px solid transparent;
    width: 17px !important;
    height: 17px !important;
}
